<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>并集选择器和交集选择器</title>
		<style type="text/css">
			/* c1，c2，c3用同样的样式  */
			.c1,.c2,.c3 {
				color: red;
			}
			
			/* 是div并且类名是c1才使用这个样式 */
			div.c1 {
				background-color: #ababab;
			}
		</style>
	</head>
	<body>
		<p class="c1">p类为.c1</p>
		<p class="c2">p类为.c2</p>
		<p class="c3">p类为.c3</p>
		
		<div class="c1">div类为.c1</div>
		<div class="c2">div类为.c2</div>
		<div class="c3">div类为.c3</div>
	</body>
</html>
